<!DOCTYPE html>
<html>
<head>
<!--  -->
<meta charset="UTF-8">
<style type="text/css">
*{padding: 0;margin: 0;}
	html{
		background-color: #dddddd;
		}
	.top{
		height: 70px;
		min-width: 1465px;
		font-size: 50px;
		background-color: #484848;
		}
	.top a{text-decoration:none;
		color: #ffffff;
		padding:20px 0;
	
		}
	.top1{
		height: 70px;
		width: 100px;
		font-family: '仿宋';
		float: left;
		display:inline-block;
		margin-left: 10px;
		font-size: 35px;
		font-weight: bold;
		margin-left: 30px;
		margin-left: auto;  
		margin-right: auto; 
		
		}
	.top2{
		height: 70px;
		width: 100px;
		font-family: '仿宋';
		float: right;
		display:inline-block;
		font-size: 35px;
		font-weight: bold;
		margin-left: auto;  
		margin-right: auto; 
		display: flex;  justify-content: center;  align-items: center;
		}
			ul,ol{list-style-type: none;}
			ul>li{
				width: 285px;
				background: #484848;
				border: 1px solid red;
				color: #fff;
				text-align: center;
				padding: 28px 0;
				cursor: pointer;
				
				}
			ol>li{
				width: 285px;
				background: #fa0;
				height: 58px;
				text-align: center;
				line-height: 60px;
				border-bottom: 1px solid;
				}
			ol a{
				display: block;
				color: #00f;
				text-decoration: none;
			}
			ol{
				position: relative;
				top: 20px;
				left: 0;
			}
			ol{display: none;}
			ul>li:hover ol{display: block;}
			ul a:hover{background: #484848;}
		.banner_1{
			
				width: 285px;
				height: 600px;
				background-color: #484848;
				position: absolute;
				left: 0;
				top: 70px;
		}
		.a123{
		position: absolute;
		left: 285px;
		top: 70px;
		}
			iframe{width: 1200px;
		height:537px ;}	
		.bottom{
		height: 130px;
		min-width: 1465px;
		background-color: #666666;
		margin-top:600px;}
	.bottom a:link{text-decoration: none;}
	.bottom a{
			margin-left:20px ;
			font-family: "宋体";
			font-size: 23px;
			text-decoration:none;
			color: #ffffff;
			}
	.bottom span{
			position: relative;
			left: 800px;
			font-family: cursive;
			color: #ffffff;
			}
	.bottom1{
		position: relative;
		top: 20px;
	}
	.bottom2{
		position: relative;
		margin-left:21px;
		top: 20px;
	}
	.bottom2 p{
		font-size: 15px;
		font-family: cursive;
		color: #ffffff;
	}
			
			
			
	<title> 财务页面 </title>

</style> 
</head>
<body>
<div class="top mian">
			<div class="top1"><a href="#">< ></a></div>
			<div class="top2"><a href="../productcontrol/index1.html">商品</a></div>
			<div class="top2"><a href="../ordermanagement/orderindex.html">订单</a></div>
			<div class="top2"><a href="../inventoryindex/inventoryindex.html">库存</a></div>
			<div class="top2"><a href="../finance/finance1.html">财务<a></div>
			<div class="top2"><a href="../set/setindex.html">设置</a></div>
			<div class="top2"><a href="../Liang/index.html">用户</a></div>
		</div>
		<div class="banner_1">
	        <ul>
			<li>综合统计
				<ol>
					<li><a href="spxstj.html" target="a">销售统计</a></li>
					<li><a href="dltj.html" target="a">代理统计</a></li>	
				</ol>
			</li>
			<li>财务报表</li>
			<li>利润表</li>
		</ul> 
		</div> 
        <div class="a123">
            <iframe src="" name="a"></iframe>
        </div>
        <div class="bottom">
		<div class="bottom1">
			<a href="https://baike.baidu.com/item/%E5%BE%B7%E9%98%B3%E5%9F%8E%E5%B8%82%E8%BD%A8%E9%81%93%E4%BA%A4%E9%80%9A%E8%81%8C%E4%B8%9A%E5%AD%A6%E9%99%A2/22605600?fr=ge_ala">德阳城市轨道交通职业学院</a>
			<span>
				<a href="mailto:zhangsan@qq.com">联系我们</a>
			</span>
		</div>
		<div class="bottom2">
			<hr>
			<br>
			<p>2022级计算机应用技术一班</p>
		</div>
		</div>
</body>
</html>